<template>
  <div class="home">
    <div class="home__body">
      <!-- 
        用于承载 电影组件 影院组件
       -->
      <router-view />
    </div>

    <div class="home__nav">
      <router-link to="/films">电影</router-link>
      <router-link to="/cinemas">影院</router-link>
    </div>
  </div>
</template>

<style scoped>
.home {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.home__body {
  flex: 1;
  overflow: hidden;
  background-color: red;
}
</style>
